import React, { Component, Fragment } from 'react'
import {
  Tabs
} from 'antd'
const { TabPane } = Tabs;

class Delivery extends Component {
  constructor(props) {
    super(props);
    this.state = {  }
  }

  handleTabsChange = (key) => {
    console.log(key)
  }

  render() { 
    return (
      <Fragment>
        <Tabs defaultActiveKey="1" onChange={this.handleTabsChange} tabPosition={'left'}>
          <TabPane tab="配送方式" key="1">
            快递物流 | 门店配送 | 门店自提
          </TabPane>
          <TabPane tab="配送范围" key="2">
            按行政区划 | 按电子围栏 | 按覆盖半径
          </TabPane>
          <TabPane tab="费用模板" key="3">
            首重 | 续重
          </TabPane>
        </Tabs>
      </Fragment>
    )
  }
}

export default Delivery;